/* eslint-disable */

import React from 'react'
import { getIconColor } from './helper'

const DEFAULT_STYLE = {
  display: 'block',
}

const IconRuler = ({ size, color, style: _style, ...rest }) => {
  const style = _style ? { ...DEFAULT_STYLE, ..._style } : DEFAULT_STYLE

  return (
    <svg viewBox="0 0 1024 1024" width={size + 'rem'} height={size + 'rem'} style={style} {...rest}>
      <path
        d="M926.293333 247.893333l-150.186666-150.186666a42.666667 42.666667 0 0 0-29.866667-12.373334h-31.146667a42.666667 42.666667 0 0 0-30.293333 12.373334L97.706667 684.8a42.666667 42.666667 0 0 0-12.373334 30.293333v31.146667a42.666667 42.666667 0 0 0 12.373334 29.866667l150.186666 150.186666a42.666667 42.666667 0 0 0 29.866667 12.373334h31.146667a42.666667 42.666667 0 0 0 32.426666-12.373334L926.293333 341.333333a42.666667 42.666667 0 0 0 12.373334-32.426666v-31.146667a42.666667 42.666667 0 0 0-12.373334-29.866667zM293.546667 853.333333l-120.746667-122.88 42.666667-40.533333 45.226666 45.226667a21.333333 21.333333 0 0 0 29.866667 0l23.04-23.04a21.333333 21.333333 0 0 0 0-29.866667l-46.933333-45.226667 52.906666-52.906666 23.893334 23.893333a21.333333 21.333333 0 0 0 29.866666 0l23.04-23.04a21.333333 21.333333 0 0 0 0-29.866667l-23.893333-23.893333L426.666667 478.293333l42.666666 45.226667a21.333333 21.333333 0 0 0 29.866667 0l23.04-23.04a21.333333 21.333333 0 0 0 0-29.866667L478.293333 426.666667l52.906667-52.906667 23.893333 23.893333a21.333333 21.333333 0 0 0 29.866667 0l23.04-23.04a21.333333 21.333333 0 0 0 0-29.866666l-23.893333-23.893334 52.906666-52.906666L682.666667 311.893333a21.333333 21.333333 0 0 0 29.866666 0l23.04-23.04a21.333333 21.333333 0 0 0 0-29.866666L689.92 213.333333l40.533333-42.666666L853.333333 293.546667z"
        fill={getIconColor(color, 0, '#333333')}
      />
    </svg>
  )
}

IconRuler.defaultProps = {
  size: 18,
}

export default IconRuler
